<template>
    <div class="mybody">
      <loading></loading>
      <div class="beterimg_box">
        <div class="foodimg_box">
          <img src="../assets/bg1.jpg" alt="" class="img_h">
        </div>
        <hiddentrance></hiddentrance>
      </div>
      <div>
        <introduce></introduce>
      </div>
      <div>
        <iconarea></iconarea>
      </div>
      <div>
        <randomfood></randomfood>
      </div>
    </div>
</template>
<script>
  import introduce from '@/components/homechild/introduce'
  import iconarea from '@/components/homechild/iconarea'
  import randomfood from '@/components/homechild/randomfood'
  import hiddentrance from '@/components/hiddentrance'
  import loading from '@/components/loading'
  export default{
    data(){
      return {

      }
    },
    components:{
      introduce,
      iconarea,
      randomfood,
      hiddentrance,
      loading
    },
    methods:{
      gotologinindex:function(){
        var self;
        self.$router.push({path:'/loginindex'});
      }
    }
  }
</script>
<style scoped>
  @import "../css/home.css";
</style>

